<template>
  <div class="home">
    <pengRingThree />
    <pengPieThree />
  </div>
</template>

<script>
import { formatDate } from 'roc-utils/dist/roc-utils.es.js'
import pengRingThree from '@/components/pengRingThree/index.vue'
import pengPieThree from '@/components/pengPieThree/index.vue'

export default {
  name: 'Home',
  components: {
    pengRingThree,
    pengPieThree,
  },
  data() {
    return {
      appTitle: process.env.VUE_APP_TITLE,
    }
  },
  created() {
    console.log(formatDate(new Date()))
  },
}
</script>

<style lang="scss" scoped>
.home {
  h1 {
    font-size: 18px;
  }

  .home-nav {
    a {
      font-weight: bold;
      color: #2c3e50;

      &.router-link-active {
        color: #ff9999;
      }
    }
  }
}
</style>
